<include file="Public/newset-header" title="推广中心" />
<style type="text/css">
	.container h1{margin-top: 0;}
	#container{width: 100%;margin: 0 auto;height: 630px;}
	.balance-right h3{margin-top:0;}
	.btn-u{background: #268df7;}
	.qq-upload-button-selector{margin-top: 220px;}
	ul{list-style: none;margin: 0;}
	.container{text-align: center;}
	/* ul{list-style: none;} */
	.content{padding:40px 0 40px 0;}
	.container h1{width: 150px;float: left;height: 62px;line-height: 62px;font-size: 22px;}
	.biaoti p{width: 150px;float: right;line-height: 62px;margin: 0;text-align: right;padding-right: 15px;}
	.residue{width: 170px;border-radius: 6px;background: #F9F9F9;height: 62px;float: left;padding: 10px 40px;position: relative;}
	.residue a{color: #268df7;text-decoration: none;}
	.residue span{display: block;position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #268df7;top: 28px;left: 25px;}
	.uploading{overflow: auto;text-align: left;}
	.uploading-left{width: 300px;float: left;overflow: hidden;}
	.uploading-left a{display: block;width: 120px;border: 1px solid #268df7;text-align: center;float: left;height: 36px;line-height: 36px;border-radius: 5px;text-decoration: none;color: #268df7;}
	.uploading-left a i{margin-right: 8px;}
	.uploading-right{width: 298px;float: right;position:relative;}
	.uploading-right input{width: 298px;border: 1px solid #CCCCCC;border-radius: 20px;height: 36px;padding: 0 20px;outline: none;}
	.uploading-right a{position: absolute;right:10px;top: 0;display:block;line-height: 36px;padding: 0 10px;color: #ccc;}
	.uploading-right a:hover{color:#268df7;}
	.mine{overflow: hidden;}
	.mine h3{text-align: center;float: left;margin: 0;font-size: 20px;line-height: 34px;padding:0 35px;}
	.mine a{float: left;}
	.mine img{width: 34px;}
	/*全部和安卓ios选中状态*/
	
	.mine .complete{width: 78px;height: 34px;line-height: 34px;color: #ccc;border-radius: 16px;border: 1px solid #ccc;}
	.complete:hover{color: #268df7;border:1px solid #268df7;}
	.circle-icon{display:block;width:34px;height:32px;line-height: 32px;border:1px solid #ccc;color: #ccc;border-radius: 50%;}
	.circle-icon i{font-size: 20px;}
	.circle-icon:hover{color:#268df7;border:1px solid #268df7;}
    .mine .on{color: #268df7;border:1px solid #268df7;}

	table tr td{overflow: auto;}
	.uselist{margin-top: 40px;}
	.uselist-top{border-bottom: 1px solid #e5e6e8;overflow: visible!important;}
	.uselist-top li{padding: 18px 0;}
	.ico{float: left;width: 77px;height:77px;}
	.ico img{display:block;width: 75px;height:75px;border: 1px solid #c5c5c5;border-radius: 16px;}
	.explain{float: left;height: 75px;padding-left: 20px;}
	.explain h3{font-size: 14px;text-align: left;margin-top: 5px;line-height:0;}
	.explain h3 img{margin-bottom: 4px;width: 16px;margin-left: 10px;}
	.explain h3 .fa-apple{color: #5BC0DE;margin: 0 10px;}
	.explain h3 .fa-android{color: #95C03B;margin: 0 10px;}
	.explain h3 a{color:#585f69;}
	.explain h3 .banned{color:#fff;}
	.explain p.martb{margin-top:10px;margin-bottom: 6px;}
	.explain p.graycolor{display: block;color: #b5b4b4;}
	.explain p.graycolor i{color: #b5b4b4;margin-right: 12px;}
	.explain .graycolor img{width: 16px;;margin-right: 10px;margin-bottom: 4px;}
	.explain p{font-size: 12px;text-align: left;margin: 0;}
	.explain p i{margin-right: 10px;color:#4d97f2;font-size: 16px;}
	.pink{background: #fde8e8!important;}
	.blue{background: #e7f7f1;}
	a:hover{text-decoration: none;}
	.banned{background: #fd6769;border-radius: 5px;position: relative;color: #fff;font-size: 12px;padding: 3px 10px;}
	.banned .tishi{position: absolute;top: 10px;display: none;width: 200px;height: 108px;top: 30px;left: -75px;z-index: 999;background: url(__STATIC__/img/text-bg.png) no-repeat;color: #000000;font-size: 14px;line-height: 20px;padding: 38px 20px;}
	.banned:hover{text-decoration: none;color: #FFFFFF;}
	.s-pic{padding: 26px 0 0 70px;height: 75px;}
	.s-pic div{width: 32px;height: 26px;float: left;margin: 0 5px;}
	.s-pic a i{color: #268df7;}
	.s-pic .shezhi ul a i{color: #000;}
	.shezhi{position: relative;}
	.shezhi ul{position: absolute;left: -80px;top: 30px;width: 128px;padding: 0;background: #FFFFFF;line-height: 38px;border: 1px solid #c8c8c8;border-radius: 5px;z-index: 999999;}
	.uselist-top{padding: 0;font-size: 16px;}
	.shezhi ul li i{margin-right: 10px;}
	.conceal img{margin-bottom: 3px;}
	.shezhi ul.conceal{display: none;}
	p{margin: 0 0 5px;}
	.conceal a{color: #000000;display: block;}
	.line{height: 2px;background: #C8C8C8;}
	.explain p img{width: 16px;margin-right: 10px;}
	.gray{background: #f9f9f9;}
	.uselist-bot{border-bottom: 2px solid #e5e6e8;padding: 10px 0;}
	.uselist-bot:hover{background: #e7f7f1;}
	.qr-code{position: relative;}
	.qr-code .erweima{position: absolute;width: 148px;height: 148px;left: -60px;top: 30px;z-index: 999999;border: 1px solid #c8c8c8;display: none;}
	.qr-code .erweima img{width: 146px;height: 146px;}
	.mine a{text-align: center;}
	/*提示框*/
.hint-triggtr{position: relative;}
.hint-title{position: absolute;left: -20px;top: 30px;display: none;border:1px solid #ccc;background: #fff;width: 80px;text-align: center;line-height: 26px;}
.hint-triggtr:hover .hint-title{display: block;}
	@media (max-height: 900px) {
		#container {
			height: 450px;
		}
		.qq-upload-button-selector {
			margin-top: 150px;
		}
	}
	@media (max-height: 720px) {
		#container {
			height: 330px;
		}
		.qq-upload-button-selector {
			margin-top: 100px;
		}
	}
	@media(max-width: 1200px){
		.content{padding:40px 15px 40px 15px;}
	}
	@media(max-width:768px){
        .mine h3{padding: 0 10px;}
	}
	@media(max-width:720px){
		.header .logo{margin-left: 15px;}
		.uploading-right{margin-top: 20px;width:100%;}
		.uploading-right input{width:100%;}
		.uploading-left{width:100%;}
		.smnone{display:none;}
		.header{margin-bottom: 15px;}
		.uselist-top{display:none;}
		.mine h3{padding:0 10px;}
		.uploading{padding: 0 15px;}
	}
	@media(max-width:320px){
		.container h1{width: 120px;}
	}
</style>
<input type="hidden" name="loginuid" id="loginuid" value="{$loginuid}">
<div class="row-fluid breadcrumbs" style="border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-top:40px;">
	<div class="container biaoti">
		<h1>推广明细</h1>
	</div>
</div>
<!--我的应用管理-->
<div class="container recent">
	<!--上传按钮-->
	<div class="uselist" style="margin-top: 20px;">
		<ul class="row" style="border-bottom: 1px solid #e5e6e8;">
			<li class="col-xs-2 col-sm-5 mine smnone" style="text-align:left;    padding: 0 25px;"><p  style="margin-right: 10px;display: inline-block;">编号</p>
			</li>
		
			<li class="col-xs-6 col-sm-3 mine"><p  style="margin-right: 10px;display: inline-block;">应用下载ip</p>
			</li>
			<li class="col-xs-6 col-sm-4 mine"><p  style="margin-right: 10px;display: inline-block;">时间</p>
			</li>
		</ul>
		<foreach name="list" item="v" key="k">
			<ul class="row uselist-bot" style="border-bottom: 1px solid #e5e6e8;">
				<li class="col-xs-2 col-sm-5 smnone">
					<div class="explain" style="height: auto;">
						<p  style="margin-right: 10px;display: inline-block;">{$v.num}</p>
					</div>
					
				</li>
				<li class="col-xs-6 col-sm-3">
					<div class="qr-code">
						<p  style="margin-right: 10px;display: inline-block;">{$v.ip_address}</p>
					</div>
				</li>
				<li class="col-xs-6 col-sm-4">
					<p  style="margin-right: 10px;display: inline-block;">{$v.add_time}</p>
				</li>
			</ul>
		</foreach>
		</div>
                   
		<div class="clear"></div>
		<div>{$page} </div>
	</div>
</div>
<include file="Public/newset-footer" />

